import Vue from 'vue'
import App from './App.vue'
import './registerServiceWorker'
import router from './router'
import store from './store'
import http from 'axios'
import 'bootstrap/dist/css/bootstrap.min.css'
import * as echarts from 'echarts'
// 引入柱状图图表，图表后缀都为 Chart
import { BarChart , ScatterChart,EffectScatterChart,CustomChart} from 'echarts/charts';
// 引入提示框，标题，直角坐标系，数据集，内置数据转换器组件，组件后缀都为 Component
import {
  TitleComponent,
  TooltipComponent,
  GridComponent,
  DatasetComponent,
  TransformComponent,
} from 'echarts/components';
// 标签自动布局，全局过渡动画等特性
import { LabelLayout, UniversalTransition } from 'echarts/features';
// 引入 Canvas 渲染器，注意引入 CanvasRenderer 或者 SVGRenderer 是必须的一步
import { CanvasRenderer } from 'echarts/renderers';
import { GraphicComponent } from 'echarts/components';
// import * as echartsGL from 'echarts-gl' // 引入echarts
// Vue.prototype.$echartsGL = echartsGL // 引入组件（将echarts注册为全局）

import {Avatar,Button,Card,Carousel,CarouselItem,Checkbox,Col,Container,Dialog,Form,FormItem,Header,Input,Main,Footer,Popover,Row,Tooltip,Timeline,TimelineItem,Upload} from 'element-ui'
Vue.config.productionTip = false


// 注册必须的组件
echarts.use([
  TitleComponent,
  TooltipComponent,
  GridComponent,
  DatasetComponent,
  TransformComponent,
  BarChart,
  CustomChart,
  ScatterChart,
  EffectScatterChart,
  LabelLayout,
  UniversalTransition,
  CanvasRenderer,
  GraphicComponent
]);

Vue.use(Avatar)
Vue.use(Button)
Vue.use(Card)
Vue.use(Carousel)
Vue.use(CarouselItem)
Vue.use(Checkbox)
Vue.use(Container)
Vue.use(Col)
Vue.use(Dialog)
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Header)
Vue.use(Input)
Vue.use(Main)
Vue.use(Footer)
Vue.use(Popover)
Vue.use(Row)
Vue.use(Tooltip)
Vue.use(Timeline)
Vue.use(TimelineItem)
Vue.use(Upload)
Vue.prototype.$http=http
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
